<div class="example-wrapper">
    <div class="example-header">
        <div class="example-controls">
            <label>
                <span>caseSensitive:</span>
                <input id="caseSensitive" type="checkbox" onchange="toggleCaseSensitive()" checked />
            </label>
            <label>
                <span>currentPageOnly:</span>
                <input id="currentPageOnly" type="checkbox" onchange="toggleCurrentPageOnly()" checked />
            </label>
        </div>
        <div class="example-controls">
            <span>Find:</span>
            <input type="text" id="find-text-box" />
            <button onclick="previous()">Previous</button>
            <button onclick="next()">Next</button>
            <span id="activeMatchNum"></span>
        </div>
        <div class="example-controls">
            <span>Go to match:</span>
            <input type="number" id="find-goto" />
            <button onclick="goToFind()">Go To</button>
        </div>
        <div id="activeMatch"></div>
    </div>
    <div id="myGrid"></div>
</div>
